@media screen and (min-width:1000px){
    // content
.content{
    margin-top:18px;
    width: 100%;
    min-height: 80%;//给个最小高度合适吗
    background: #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:25px;
    .inner-content{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        .right_slide{
            width: 740px;
            height: 370px;
            &>div{
                width: 25%;
                height: 50%;
                float: left;
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-content: center;
                &>div{
                    width: 100%;
                    // font-size: 13px;
                    line-height: 20px;
                    &>div>img{
                        margin-top:15px;
                        width: 20px;
                        height: 15px;
                    }
                }
            }
            .right_slide_list1
            ,.right_slide_list3{
                text-align: right;
                &>div{
                    margin-right: 10px;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: flex-end;
                    align-content: center;
                    &>div{
                        width: 100%;
                    }
                }
            }
            .right_slide_list6
            ,.right_slide_list8{
                text-align: left;
                &>div{
                    margin-left: 10px;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: flex-end;
                    align-content: center;
                    &>div{
                        width: 100%;
                    }
                }
            }
            .right_slide_list3 img{
                transform:rotate(90deg)
            }
            .right_slide_list6 img{
                transform:rotate(180deg)
            }
            .right_slide_list8 img{
                margin-bottom: 10px;
                transform:rotate(-90deg)
            }
            .right_slide_list2,.right_slide_list4,.right_slide_list5,.right_slide_list7{
                &>a>img{
                    width: 100%;
                    height: 100%;
                }
                
            }
            .right_slide_list1,.right_slide_list3,.right_slide_list6,.right_slide_list8{
                background:url('http://file.rzkeji.com/web/f6/web/images/bg_cultrue.jpg');
                background-size:cover; 
            }
        }
        .left_slide{
            &>div{
                margin-bottom: 15px;
            }
            .title_cn{
                font-family: 'HYYaKuHeiW';
                font-size: 30px;
            }
            .title_en{
                span{
                    background: #000;
                    color:#fff;
                    font-size: 20px;
                    padding:2.5px 5px;
                }
            }
            .divide{
                background: #000;
                width: 20px;
                height: 5px;
            }
            .left_slide_con{
                font-family: 'Source Han Sans CN';
                color:#585858;
                font-size: 15px;
                line-height: 25px;
            }
        }
    }
    .back{
        div,img{
            vertical-align: middle;
        }
        position: absolute;
        right:0;
        bottom: -30px;
        color:#000;
            &:hover{
                color:#000;
            }
    }
}






//footer 补充
footer{
    margin-top:0 !important;
    position: fixed;
    bottom: 0;
    left: 0;
}

//显示相应图片
.webPic{
    display: block;
}
.telPic{
    display: none;
}
}




//手机端

@media screen and (max-width:1000px){

    //显示相应图片
    .webPic{
        display: none;
    }
    .telPic{
        display: block;
    }

    .content{
        background-color:#e6e6e6;
        width: 100%;
        // min-height: 1000px;
        .inner-content{
            margin:0.2rem 0.6rem 0 0.6rem;
            display: flex;
            flex-wrap: wrap;
            .back{display: none}
            .left_slide{
                width: 100%;
                height: auto;
                &>div{
                    margin-bottom: 0.3rem;
                }
                .title_cn{
                    font-family: 'HYYaKuHeiW';
                    font-size: 0.6rem;
                }
                .title_en{
                    span{
                        background: #000;
                        color:#fff;
                        font-size: 0.4rem;
                        padding:0.05rem 0.1rem;
                    }
                }
                .divide{
                    background: #000;
                    width: 0.4rem;
                    height: 0.1rem;
                }
                .left_slide_con{
                    font-family: 'Source Han Sans CN';
                    color:#585858;
                    font-size: 0.3rem;
                    line-height: 0.5rem;
                }
            }
            .right_slide{
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                .right_slide_list2,
                .right_slide_list4,
                .right_slide_list5,
                .right_slide_list7,
                .right_slide_list9{
                    position: relative;
                    img{
                        position: absolute;
                        width: 100%;
                        height: 100%;
                    }
                }
                &>div{
                    width: 50%;
                    padding-bottom: 50%;
                    height: 0;
                    align-content: center;
                    &>div{
                        font-size: 0.2rem;
                        width: 100%;
                        line-height: 0.4rem;
                        &>div>img{
                            margin-top:0.3rem;
                            width: 0.4rem;
                            height: 0.3rem;
                        }
                    }
                }

                .right_slide_list1>div,
                .right_slide_list3>div,
                .right_slide_list8>div,
                .right_slide_list6>div{
                    margin-top:50%;
                    padding-left:5%;
                    padding-right:5%;
                    transform: translateY(-50%);
                }
                .right_slide_list1,
                .right_slide_list8{
                    text-align: right;
                }
                .triangle_right img{
                    float:right;
                }
                .right_slide_list3 img{
                    transform:rotate(-180deg)
                }
                .right_slide_list6 img{
                    transform:rotate(180deg)
                }
                .right_slide_list1,.right_slide_list3,.right_slide_list6,.right_slide_list8{
                    background:url('http://file.rzkeji.com/web/f6/web/images/bg_cultrue.jpg');
                    background-size:cover; 
                }
            }
        }
    }
    
}